<template>
  <el-link :underline="underline">
    <i :class="'iconfont ' + icon"></i>
    {{ label }}
  </el-link>
</template>

<script setup>
defineProps({
  label: {
    default: '',
    required: false
  },
  icon: {
    default: '',
    required: false
  },
  underline: {
    type: Boolean,
    default: false,
    required: false
  }
})
</script>
<style scoped lang="scss">
.el-link {
  color: var(--color-text);
  margin-bottom: 6px;
}

.el-link:hover {
  color: var(--color-primary);
}

.el-link.el-link--default:after {
  border-color: var(--color-primary) !important;
}
</style>
